<template>
  <van-cell class="article-item" @click="$router.push(`/detail/${item.id}`)">
    <div class="aa">
      <p class="title">{{ item.title }}</p>
      <p class="zhengwen">{{ item.description }}</p>
      <span>收藏（{{ item.lovenum }}）|点赞（{{ item.click }}）</span>
    </div>
    <img
      :src="'http://124.223.14.236:8060/' + item.pic"
      height="150px"
      width="300px"
    />
  </van-cell>
</template>

<script>
export default {
  name: 'article-item',
  data () {
    return {}
  },
  props: {
    item: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style lang="less" scoped>
.title {
  font-size: 18px;
}
.aa {
  display: inline;
  font-size: 10px;
}
.img {
  float: right;
}
</style>
